<template>
  <div>
    <van-nav-bar
      title="电话"
      left-text="取消"
      right-text="完成"
      @click-left="$emit('close')"
      @click-right="$emit('onComfirmPhone', phoneNum)"
    />
    <!-- @click-right="onClickRight" -->
    <div class="phoneField" >
      <van-field
        v-model="phoneNum"
        rows="1"
        autosize
        type="textarea"
        maxlength="11"
        placeholder="手机号码"
        show-word-limit
      />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: true
    }
  },
  data () {
    return {
      phoneNum: this.value
    }
  },
  created () {

  },
  mounted () {

  },
  methods: {
  }
}
</script>

<style scoped lang="less">
.phoneField {
  padding: 10px;
}
</style>
